import { Suspense } from "react";

/**  
 * 包装Suspense  
 *  
 * @param element 要包裹在Suspense中的React元素  
 * @param loading 加载时的React元素，默认为<div>loading</div>  
 * @returns 返回一个React函数组件  
 */  
export function SuspenseLoading(element: React.ReactNode, loading?: React.ReactNode): React.FC  {  
  // 如果未提供加载元素，则默认为<div>loading</div>  
  const fallback = loading ?? <div>loading</div>;  
  
  // 返回一个React函数组件  
  return () => (  
    <Suspense fallback={fallback}>  
      {element}  
    </Suspense>  
  );  
}  